<script>
export default {

}
</script>

<template>
    <div class="logo">
        <div class="img-container">
          <img src="@/assets/logo.jpg" alt="">
        </div>
        <div class="text">
            新疆大学
        </div>
        <div class="center_text">
            农业机器人操作界面
        </div>
    </div>
</template>

<style lang="css">
.logo{
  height: 100px;
  width: 1200px;
  display: flex;
  flex-direction: row;
  margin-left:50px;
}
.img-container{
  width: 100px;
  height: 100px;
}
.img-container img{
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
.text{
  height: 100px;
  width: 200px;
  line-height: 100px;
  font-size:30px;
  letter-spacing: 20px;
  font-family: '宋体', 'Microsoft YaHei', sans-serif;
  margin-left:20px;
}
.center_text{
  height: 100px;
  width: 500px;
  line-height: 100px;
  font-size: 35px;
  font-family: '宋体', 'Microsoft YaHei', sans-serif;
  margin-left: 220px;
}
</style>